<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <title></title>
    <script src="../js/mui.min.js"></script>
    <link href="../css/mui.min.css" rel="stylesheet"/>
    <link rel="stylesheet" href="../css/style.css" />
    <link rel="stylesheet" href="../css/swiper.css" />
    <link rel="stylesheet" href="../css/iconfont.css" />   
    <style>
    	.scroll {height:30px;width:60%;max-width:640px;overflow:hidden;color: #000000;display:inline-block;position: relative;position: absolute;left: 120px;top:6px;}
		.scroll ul {width:100%;position:absolute;left:0;top:0;}
		.scroll li {height:30px;line-height:30px;}
        .scroll li a{display: block;color: #666666;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-size: 14px;}
        .swiper-wrapper img{height: 150px!important;}	
        .content{padding: 5px;}
        .content p{font-size: 14px;color: #666666;line-height: 25px;text-indent: 2em;}
        .content img{width: 100%;height: auto;display: block;}
        .news-ti{font-size: 16px;color: #222222;text-align: center;font-weight: normal;}
        .jiahao{font-size: 30px;position: absolute;top: 10px;right: 5px;color: #fff;}
    </style>
    <script type="text/javascript" src="../js/swiper.min.js" ></script>
    <script type="text/javascript" src="../js/jquery-1.8.0.min.js" ></script>
    <script type="text/javascript" src="../js/common.js" ></script>
    <script type="text/javascript" src="../js/session.js" ></script>
    <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=wqBXfIN3HkpM1AHKWujjCdsi"></script>
    <script type="text/javascript" charset="utf-8">
      	mui.init();
    </script>
</head>
<body style="background: #fff;">
	<header class="mui-bar mui-bar-nav ding-bar" >
		<div style="position: relative;">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
		    <h1 class="mui-title" >巡查列表</h1>
		    <span class="jiahao" data-href="../public/saoma.html">＋</span>
		</div>
	</header>
	<div class="mui-content"style="background: #fff;">
		<!--下拉刷新容器-->
		    <div id="pullrefresh" class="newslist w620 mui-scroll-wrapper" style="position: static;">
				<!--数据列表-->
			    <div class="mui-scroll conferDiv" style="position: static;">
			    	<ul class="redian-list" id="redian-list">
			    	<!--<li>
			    		<a data-href="">
			    			<div>
			    				<h1 class="only-twoline">向着网络强国阔步前行— — 党的十八大以来网信事业发 展述评</h1>
			    				<p>
			    					2019-11-11
			    				</p>
			    			</div>
			    			<div>
			    				<img  src="../images/banner.png"/>
			    			</div>
			    		</a>
			    	</li>
			    	<li>
			    		<a data-href="">
			    			<div>
			    				<h1 class="only-twoline">向着网络强国阔步前行— — 党的十八大以来网信事业发 展述评</h1>
			    				<p>
			    					2019-11-11
			    				</p>
			    			</div>
			    			<div>
			    				<img  src="../images/banner.png"/>
			    			</div>
			    		</a>
			    	</li>
			    	<li>
			    		<a data-href="">
			    			<div>
			    				<h1 class="only-twoline">向着网络强国阔步前行— — 党的十八大以来网信事业发 展述评</h1>
			    				<p>
			    					2019-11-11
			    				</p>
			    			</div>
			    			<div>
			    				<img  src="../images/banner.png"/>
			    			</div>
			    		</a>
			    	</li>-->
			    </ul>
		        </div>
		    </div>
	</div>	
	<footer></footer>
	
		<script>
		
		var userid=getCookie("userid")
        var work=getCookie("work")
        var work_id=getCookie("workid")   
		var page=1;	
		var $height = $(window).height();
		var $height1 = $("header").height();
		$(".mui-scroll-wrapper").height( $height - $height1);
	    mui(".ding-bar").on("tap",".jiahao",function(){
	    	mui.openWindow({url:$(this).attr("data-href")})
//	    	location.href=$(this).attr("data-href")
	    })
		mui.init({
			pullRefresh: {
				
				container: '#pullrefresh',
				down: {
					style:'circle',
					callback: pulldownRefresh
				},
				up: {
					contentrefresh: '正在加载...',
					callback: pullupRefresh
				}
			}
		});
			/**
		 * 下拉刷新具体业务实现
		 */
		function pulldownRefresh() {
			setTimeout(function() {
				mui('#pullrefresh').pullRefresh().endPulldownToRefresh();
				location.reload();
			}, 1500);
		}
		/**
		 * 上拉加载具体业务实现
		 */
		function pullupRefresh() {
			setTimeout(function() {
				mui('#pullrefresh').pullRefresh().endPullupToRefresh(); //参数为true代表没有更多数据了。
				getContents();
			}, 1500);
		}
		function getContents(){
		//热点新闻
		    var param={};
         	param.work_id=work_id;
         	param.member_id=userid;
         	param.member_work=work; 
		    
		    param.page=page;
			$.post(net+"/public/index.php?s=api/elevator/patrol_list/",param,function(data){
               if(data.code==200){
	               	if(data.result!=null&&data.result!=""&&data.result.length!=0){
	               		var str="";
	               		
	               		$.each(data.result, function(i,value) {
	               			
	               	   	    str+='<li><a ><div style="width:100%;"><h1 class="only-line" style="font-size:16px">'+this.ecode+'</h1><p class="only-line" style="margin:0px;">'+this.content+'<p style="margin:0px;text-align: right;color:#ff7e00;padding-right:10px"><span >'+this.patrol_time+'<span></p></div></a></li>'
	               		});
	               		page++;
	               	   $("#redian-list").append(str)
	               	}else{
	               		mui.toast("已经到底了")
	               	}
               }
			   },'json'
			);
		}
		getContents();


		</script>
		
	</body>
</html>